<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
    .box {
      width:300px; height:300px; background:#CCC; margin:100px auto 0;
      transition:1s all ease;
      transform:translate(0,0);
    }
    .box:active{transform:translate(100px,200px);}
    </style>
  </head>
  <body>
    <div class="box">
      放一些文字
    </div>
  </body>
</html>
